<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>

    <style>
        ul,li,img{border:none;list-style:none;}

        .lr_cen{margin:0 auto;}

        .theme{width:800px;}
        .block{background:#eee;padding:20px;margin:15px auto;}
    </style>

    <include file="Public/easyUi" />

</head>
<body>

<div class="theme lr_cen">
    <div class="block">
        <h3>修改默认跳转 页面</h3>
        <p><a href="{:U('Index/three_city_place')}">省份城市地区三级联动效果</a></p>
        <input type="button" value="错误" class="error" />
        <input type="button" value="提示" class="info"/>
    </div>

</div>

</body>
</html>

<script>
    $(':button').click(easyUiAlert);

    function easyUiAlert(){
        var $type = $(this).attr('class');
        $.messager.alert('消息提示','Here is a info message!',$type);

        $.messager.show({
            title:'My Title',
            msg:'Message will be closed after 4 seconds.',
            showType:'slide',
            style:{
                right:'',
                top:'',
                bottom:''
            }
        });
    }

</script>